<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<!DOCTYPE html >
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<div class="login">
    		
    		<jsp:include page="nav.jsp"></jsp:include>
    		
    		<fmt:bundle basename="i18n">
    		<div class="banner"><img src="images/banner.png"  alt=""></div>
    		<div class="con">
    			<div class="breed-tab"><fmt:message key="usercenter.position"></fmt:message></div>
	    		<div class="content-user">
	    			<div class="form">
	    				<div class="form-con">
	    					<div class="form-con-l">
	    						<div class="avatar">
	    							<img src="images/user-avatar.png">
	    							<span><img src="images/camera.png"><input type="file" name="" class="file"></span>
	    						</div>
	    						<div class="form-con-l-r">
	    							<ul>
		    							<li><fmt:message key="usercenter.account"></fmt:message></li>
		    							<li><input type="" name="" placeholder="<fmt:message key="usercenter.account"></fmt:message>:"></li>
		    							<li><fmt:message key="usercenter.userId"></fmt:message></li>
		    							<li><input type="" name="" placeholder="<fmt:message key="usercenter.userId"></fmt:message> :"></li>
		    							<li><fmt:message key="usercenter.usePoints"></fmt:message></li>
		    							<li><input type="" name="" placeholder="<fmt:message key="usercenter.usePoints"></fmt:message> :"></li>
		    						</ul>
		    					</div>
		    					<div style="clear: both;"></div>
		    					<div class="form-con-l-b">
		    						<div><fmt:message key="usercenter.level"></fmt:message>LV 0    (會員等級及經驗暫全顯示0）</div>
		    						<div class="progress">0  / 15</div>
		    						<ul>
		    							<li class="content-user-btn1"><a href="usercenter2.jsp"><fmt:message key="usercenter.resetPassword"></fmt:message></a></li>
		    							<li class="content-user-btn2"><a href="usercenter3.jsp"><fmt:message key="usercenter.general"></fmt:message></a></li>
		    							<li  style="clear: both;"></li>
		    							<li class="content-user-btn3"><a href="#"><fmt:message key="usercenter.logout"></fmt:message></a></li>
		    						</ul>
		    					</div>
	    					</div>
	    					
	    					<div class="form-con-r">
	    						<ul>
	    							<li class="content-user-btn"><a href="recharge.jsp"><fmt:message key="usercenter.topUp"></fmt:message></a></li>
	    							<li class="content-user-btn"><a href="mygift2.jsp"><fmt:message key="usercenter.giftCode"></fmt:message></a></li>
	    							<li class="content-user-btn"><a href="#"><fmt:message key="usercenter.unUse"></fmt:message></a></li>
	    							<li class="content-user-btn"><a href="#"><fmt:message key="usercenter.unUse"></fmt:message></a></li>
	    							<li class="content-user-btn"><a href="#"><fmt:message key="usercenter.unUse"></fmt:message></a></li>
	    						</ul>
	    					</div>
	    				</div>
	    			</div>
	    		</div>
    		</div>
			</fmt:bundle>
    	</div>
</body>
</html>